<template>
<el-button :dark="true" class="concle" size="large" style="padding: 0 40px" @click="addVideo">加载更多</el-button>
</template>


<script lang="ts">
export default {
  name: 'AddMore',
}
</script>
<script setup lang="ts">
import type {  ContentModel} from '@/api/mockHome'
const props = defineProps<{
  VideoList: ContentModel[]
}>()
const addVideo = ()=>{
  props.VideoList.push(...props.VideoList)
}
</script>

<style scoped lang="scss">
.el-button.concle{
  margin: 20px auto 0;
}

.el-button.concle:hover {
  
  color: #F93684;
  border: 1px solid #fb66a2;
  background-color: #FEEBF3
}
</style>